<!doctype html>
<html>

<head>
    <meta charset="utf-8" />
    <title>Markdown-Test</title>
</head>

<body>

    <textarea id="contentArea" rows="60" cols="120">
# Marked in browser
## test
- Rendered by **marked**.
- test
  - test2
- code `var a += 1`

## 表格
a  | b  | c
-- | -- | --
1  | 2  | 3
1  | 2  | 3
1  | 2  | 3
1  | 2  | 3
1  | 2  | 3

## 公式-跨行
- test: 
$$
x^{y^z}=(1+{\rm e}^x)^{-2xy^w} 
$$

## 公式-内行
- test: $ x^{y}=z^{b} $

## 代码
```Java
class TestService {
    /*** 查找 Boss 对应的所有组 */
    protected List findTeamListByBoss(String bossId, Integer year, Integer month) {
        List groups = this.findTeamGroupList(bossId);
        return groups;
    }
}
```

## 代码 def
```
// js 代码
class CodeBlock extends React.PureComponent {
    constructor(props) {
        super(props)
        this.setRef = this.setRef.bind(this)
    }
}
```
    </textarea>

    <div id="markdownDiv"
        style="width: 50%; border: 3px solid #73AD21; padding: 10px; position: absolute; top: 10px; right: 20px;">
    </div>
    <script src="./index.js"></script>

</body>

</html>